<template>
    <van-radio class="my-radio" :name="name" shape="square">
        <slot/>
    </van-radio>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import {Radio as vanRadio} from 'vant'
export default {
    props:{
        name:Number,
    },
    components:{
       vanRadio 
    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })
        

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss">
    .my-radio .van-radio__icon .van-icon{
        height: 30px;
        width: 30px;
        border-radius:4px;
        font-size: 28px !important;
        margin: 5px 0 0 0;
    }
    .my-radio .van-radio__icon--checked .van-icon{
        background: #fff;
        color: #0E6161;
        line-height: normal;
    }
    .my-radio .van-radio__label{
        color: #fff;
    }
</style>